<%@ page import="com.student.pojo.StuInfo" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <style type="text/css">
        body{
            border: 0px solid red;
        }
        #title
        {
            width: 30%;
            text-align: center;
            color: black;
            font-size: 36px;
            /*border: 3px solid black;*/
            line-height: 60px;
            height: 60px;
            font-family: '楷体';
        }
        .head{
            border: 0px solid yellow;
            border-bottom: 2px solid black;
            height: 100px;
            line-height: 50px;
        }
        .projectName{
            border: 0px solid black;
            float: left;
            width: 70%;
            font-weight: bolder;
            font-size: 40px;
            text-align: left;
            padding: 20px;
        }
        .userName{
            border: 0px solid black;
            float: left;
            margin-top: 20px;
        }
        .signOut{
            border: 0px solid black;
            float: left;
            margin-left: 10px;
            margin-top: 20px;
        }
        .leftNavigation{
            position:fixed;
            border-right: 3px solid black;
            width: 150px;
            height: 635px;
            float: left;
        }
        .menu_add{
            width: 130px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            margin: 0 auto;
            /*border: 3px solid purple;*/
            border-bottom: 3px solid black;
        }
        .updatePassword{
            width: 130px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            margin: 0 auto;
            /*border: 3px solid purple;*/
            border-bottom: 3px solid black;
        }
        .menu_list{
            width: 130px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            margin: 0 auto;
            /*border: 3px solid purple;*/
            border-bottom: 3px solid black;
        }
        a:link{
            color: black;
            text-decoration: none;
            font-weight: bold;
        }
        /*a:visited{
            !* 定义已访问过链接的样式 *!

        }*/
        a:hover{
            cursor: pointer;
        }
        h1{
            /*border-bottom: 3px solid red;*/
            line-height: 300px;
            height: 300px;
            width: 1000px;
            margin-left: 400px;
        }
        /* 刚进来显示页面样式 */
        .navbar-brand {
            float: left;
            font-size: 18px;
            line-height: 20px;
            /*border: 1px solid black;*/
            width: 100%;
            height: 400px;
            background-color: #F7FEFF;
            text-align: center;
            padding-top: 200px;
            margin-top: 25px;
        }
    </style>
</head>
<body>
<%StuInfo stuInfo = (StuInfo) session.getAttribute("valueAfterLogin");%>

<%-- 提示栏 --%>
<div class="head">
    <div class="projectName">学生信息管理系统</div>
    <div class="userName">
        <%
            if (stuInfo.getRole().equals("管理员")){
        %>
        <%=stuInfo.getName()%>管理员，您好~
        <%
        }
        else if (stuInfo.getRole().equals("用户")){
        %>
        <%=stuInfo.getName()%>用户，您好~
        <%
            }
        %>
    </div>
    <div class="signOut"><a href="login.jsp">退出</a></div>
</div>
<%
    if (stuInfo.getRole().equals("管理员")){
%>
<%-- 管理员导航栏 --%>
<div class="leftNavigation">
    <div class="menu_list"><a href="${pageContext.request.contextPath}/index"> 首页 </a></div>
    <div class="menu_list"><a href="student.do?opr=seeStudent"> 学生管理 </a></div>
    <div class="menu_add"><a href="student.do?opr=addStudentPage"> 添加学生 </a></div>
    <div class="updatePassword"><a href="student.do?opr=updatePasswordPage"> 修改密码 </a></div>
</div>
<%
    }
    else if (stuInfo.getRole().equals("用户")){
%>
<%-- 用户导航栏 --%>
<div class="leftNavigation">
    <div class="menu_list"><a href="student.do?opr=seeStudentPage"> 个人信息 </a></div>
    <div class="updatePassword"><a href="student.do?opr=updatePasswordPage"> 修改密码 </a></div>
</div>
<%
    }
%>

<%-- 显示内容 --%>
<div style="border: 0px solid red;float: left;width: 1270px;height: 600px;margin: 10px 0px 0px 200px;">
    <%-- 如果获取到后台设置的值，则显示；如果未获取到，则显示默认值 --%>
    <c:if test="${empty changePage}">
        <div class="navbar-brand" >
            <a style="font-size:25px" href="#">学生信息管理系统</a><br/>
            <input style="margin-top: 90px" type="text" id="numbers" placeholder="请输入5个数，用空格分隔">
            <button onclick="calculate()">计算</button>
            <div id="result"></div>
        </div>
    </c:if>
    <c:if test="${!empty changePage}">
        <jsp:include page="${changePage}"></jsp:include>
    </c:if>
</div>
<script>
    function calculate() {
        // 获取输入框中的值
        var input = document.getElementById("numbers").value;

        // 将输入的字符串转换为数字数组
        var numbers = input.split(" ").map(function(num) {
            return parseInt(num);
        });

        // 计算最大值和最小值
        var max = Math.max.apply(null, numbers);
        var min = Math.min.apply(null, numbers);

        // 按照从大到小的顺序排序
        numbers.sort(function(a, b) {
            return b - a;
        });

        // 输出结果
        document.getElementById("result").innerHTML = "最大值：" + max + "<br>最小值：" + min + "<br>从大到小顺序：" + numbers.join(" ");
    }
</script>
<%--<c:out value="${changePage}"></c:out>--%>
</body>
</html>
